<template>
	<div id="figure">
		<div class="cover">
			  <el-carousel :interval="5000" arrow="always" height="350px">
			       <el-carousel-item v-for="item in carouseData" :key="item">
			        <img :src="item.url" alt=""  style="width: 100%"/>
			       </el-carousel-item>
			     </el-carousel>
		</div>
		<div class="title">
		  <div class="als">Figure</div>
		  <div class="vr"></div>
		  <div class="ss">历史人物</div>
		</div>
		<div class="content">
			<div class="box"></div>
			<a href="" class="name">李广</a>
			<div class="des">&nbsp;&nbsp;圣诞大餐虽然个人</div>
		</div>
	</div>
</template>

<script>
	export default {
	  name: 'figure',
	  data() {
		  return {
			 isloading:true,
			 carouseData: [
			         { url: require("../assets/img/lubo1.webp") },
			         { url: require("../assets/img/lubo2.webp") },
			         { url: require("../assets/img/lubo3.webp") },
			         { url: require("../assets/img/lubo4.webp") },
			         { url: require("../assets/img/lubo5.webp") }
			       ] 
		  }
	  }
	  }
</script>

<style lang='less'>
	#figure{
	  .cover {
	    width: 1000px;
	    height: 350px;
	    margin: 0 auto;
	  }
	  .title {
		
	    width: 266px;
	    height: 80px;
	    margin: auto; 
	    text-align: center;
	    .als {
		  margin-top: 70px;
	      color: #444444;
	      font-size: 26px;
	    }
	    .vr {
	      width: 30px;
	      height: 2px;
	      background-color: #FFC001;
	      margin: 22px auto;
	    }
	    .ss {
	      font-size: 20px;
	      color: #444444;
	    }
	  }
	.content {
		  margin: 70px auto 0;
		  width: 1000px; 
		  height: 220px;
		  background-color: aqua;
	   }
	   .box {
		   position: absolute;
		   float: left;
		   height: 220px;
		   width: 170px;
		   border: 1px solid #666;
		   background-color: #FFC001;
	   }
	   .name {
		   position: absolute;
		   float: left;
		   height: 30px;
		   width: 100px;
		   line-height: 30px;
		   margin-left: 190px;
		   margin-top: 10px;
		   background-color: antiquewhite;
	   }
	   .des {
		   position: absolute;
		   float: left;
		   margin-left: 190px;
		   margin-top: 60px;
		   height: 160px;
		   width: 810px;
		   background-color: antiquewhite;
	   }
	}
	  
</style>